<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
<a href="https://www.baidu.com">百度首页</a>
<a href="#c1">快速跳转至第一章</a>
<a href="#c2">快速跳转至第二章</a>
<a href="#c3">快速跳转至第三章</a>
<h1>西游记</h1>
<h3 id="c1">第一章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aut consequatur cumque distinctio eaque eveniet
    excepturi, explicabo fuga laboriosam numquam obcaecati officia perspiciatis provident quod quos recusandae, rem
    repudiandae saepe.</p>
<p>Dicta, repellendus vitae. Doloremque ducimus explicabo odio quae. Corporis debitis earum eos eum ipsam suscipit ut.
    Animi architecto assumenda autem deserunt dicta, inventore iste laudantium neque quae quibusdam quis voluptate.</p>
<p>Alias amet assumenda aut beatae commodi delectus distinctio dolor dolorem dolores, ea illum in iusto laborum libero
    magni maiores necessitatibus non, officiis omnis quo rem sed similique tempore, vero voluptatum.</p>
<p>Adipisci alias deserunt eaque, itaque iusto maxime natus, necessitatibus nisi officia omnis quae, quasi quibusdam
    reiciendis repellendus sunt. Animi architecto dolor inventore nihil pariatur perferendis repellat voluptate?
    Dolorem, eaque, non!</p>
<p>Aspernatur at dolorum, harum impedit maiores maxime neque omnis porro quibusdam repudiandae. Aliquid assumenda at
    consequatur eaque impedit reprehenderit velit. Accusantium culpa illum iure magni minima nisi repudiandae soluta,
    sunt.</p>
<p>Aliquam animi commodi, facere molestiae natus odio quasi. Alias animi distinctio doloribus nihil quo rem repellat
    rerum tempora! Aspernatur eaque fugiat laborum ratione! Architecto culpa dolor doloribus error modi neque?</p>
<p>Beatae dolores earum, esse inventore, ipsam nemo nesciunt nulla optio, placeat sit tempora temporibus voluptas
    voluptate? Aliquam autem blanditiis consequatur, culpa, et illum maxime nesciunt perferendis, ullam ut voluptatem
    voluptates?</p>
<p>Alias amet asperiores at corporis cupiditate delectus dolorum eos et fugit harum laborum libero minus molestiae
    mollitia, nesciunt numquam officia provident quasi quo sed similique sint, tempore tenetur vero voluptatem?</p>
<p>Amet commodi consequatur cum delectus dicta dignissimos ducimus esse expedita facilis impedit ipsam, ipsum itaque
    laboriosam laudantium maiores, modi obcaecati optio perspiciatis placeat quaerat ratione rem sed tempora, unde
    voluptatibus.</p>
<p>Distinctio dolorum magni quasi quisquam sit! Ab aliquid architecto assumenda autem blanditiis delectus deleniti esse
    eum eveniet inventore ipsam ipsum iste magni minus placeat, provident, reiciendis repellat reprehenderit sequi
    totam.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur cumque eos est fuga impedit, incidunt maiores
    maxime nostrum, numquam obcaecati, porro quibusdam quis saepe! Dolor eligendi enim laboriosam quae quibusdam.</p>
<p>Ab accusamus ad aliquid aperiam architecto beatae blanditiis cum deleniti, ea fugiat fugit inventore magni natus,
    necessitatibus quibusdam quis quod suscipit totam! Consequatur deleniti doloribus placeat repudiandae sit temporibus
    voluptas?</p>
<p>Accusantium expedita ipsum maxime minima odit! Aliquid architecto aut blanditiis dolores ducimus eaque eius eum ex
    fugiat ipsam iste laudantium minima placeat provident quos, vitae voluptatibus. Itaque nisi placeat recusandae.</p>
<p>Amet autem dolorum, facilis ipsa magni omnis pariatur quibusdam repellat. A accusamus asperiores cumque deleniti
    dolorem esse et fuga iste molestiae nulla praesentium quaerat quas, quidem rem, sunt suscipit totam.</p>
<p>Ab adipisci consequuntur cum dolores earum ipsa, ipsam libero molestias, natus nobis optio quisquam sint tempora?
    Aperiam asperiores corporis esse in laudantium minima modi placeat quibusdam quisquam rem? Molestias, quos?</p>
<p>Ad aut autem consectetur culpa dolore eligendi esse exercitationem, expedita facilis incidunt, ipsa itaque magni
    maxime officia possimus quas quia, rem repellendus reprehenderit rerum sit tenetur totam voluptates. Non,
    tenetur?</p>
<p>Alias atque deleniti dicta dignissimos distinctio dolorum eaque, eligendi et eum ipsa modi nihil non optio quam quia
    reiciendis saepe sapiente sequi sint soluta unde veritatis voluptas voluptatum. Aliquid, inventore!</p>
<p>Consequatur cupiditate harum laboriosam nulla odit optio tenetur! Accusamus ad consequuntur corporis et impedit iure
    laboriosam, laudantium libero minus necessitatibus nemo nisi odio possimus sequi, sit, totam ullam vero
    voluptas.</p>
<p>Ad minima praesentium recusandae rem tempore? Odio perferendis reprehenderit tenetur! Accusamus accusantium
    aspernatur assumenda consectetur deleniti, dignissimos ea eius ipsam iure maxime minima minus perferendis qui rerum
    saepe similique, ut!</p>
<p>Est hic laborum ratione vitae voluptate? A architecto deserunt dignissimos dolor dolores fuga fugiat, id ipsam
    laudantium nobis possimus quia quidem reiciendis, rem reprehenderit sequi, totam? Error fugiat minima nobis.</p>
<p>A amet blanditiis, consequuntur deserunt eius esse, eum excepturi id in neque nobis non nostrum obcaecati pariatur
    perferendis qui quidem quod quos recusandae reiciendis sapiente sed temporibus totam voluptate voluptates!</p>
<p>A aspernatur atque deleniti eum expedita fuga hic illo ipsam maiores omnis quidem quo sequi, similique suscipit unde.
    Alias dolor doloribus eligendi facilis minus modi nobis omnis placeat quas voluptatum?</p>
<p>Beatae consectetur culpa cupiditate debitis delectus dolor eum fugiat hic magni nobis optio perspiciatis quasi,
    quidem quo quod similique tempore temporibus, ut. Error explicabo facere in ipsum laborum, magnam quasi.</p>
<p>Animi expedita ipsam itaque minima modi officiis repellat tempora, ut. Animi at commodi consectetur corporis esse
    illum ipsa magnam maiores molestiae numquam perferendis, quia quibusdam repellat tenetur velit voluptatem
    voluptates.</p>
<p>Ad adipisci aperiam assumenda culpa cumque debitis, deleniti dolore doloribus ducimus ea earum ipsa iusto libero
    magnam maxime quo recusandae reprehenderit sequi tenetur voluptate. A aspernatur autem excepturi qui. Dolorem.</p>
<p>Alias animi, aspernatur assumenda beatae consectetur dignissimos fugiat hic incidunt maxime minus mollitia ratione
    recusandae repellendus rerum ullam unde vitae! Aspernatur cumque esse praesentium ratione saepe sint tempore
    voluptas voluptatibus!</p>
<p>Aliquam blanditiis cum debitis doloremque et exercitationem expedita id laboriosam maiores nam quasi quia ratione,
    ut. Consequuntur, ducimus ea, excepturi illo, ipsa minus obcaecati pariatur perspiciatis sequi suscipit totam
    voluptatem.</p>
<p>Accusamus atque consequuntur cupiditate deleniti, dolores id ipsa libero modi obcaecati odit officiis, qui quod
    sapiente soluta ullam velit voluptatum. Ad adipisci alias aperiam esse, necessitatibus quaerat sit suscipit
    tenetur.</p>
<p>Fuga fugit nam nostrum, quae quos repellat sapiente? Dolorum fugit illo in odit perferendis vel voluptatibus. At
    corporis cumque doloribus facere fuga iusto magnam, perspiciatis sed sunt voluptas. In, itaque!</p>
<p>Laborum quis suscipit ullam! A aspernatur commodi fugit illo, ipsum magnam maxime molestias nemo odio perspiciatis
    porro praesentium quis reiciendis repellendus veniam voluptates voluptatibus. Ducimus facilis fugiat harum veniam
    voluptatibus.</p>
<h3 id="c2">第二章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aperiam debitis facere maiores nulla perferendis,
    possimus reprehenderit saepe vero? Ad aspernatur eius excepturi explicabo fugit id odit quaerat quam quisquam.</p>
<p>Atque fugit neque nesciunt nisi quis reprehenderit sequi! Asperiores autem blanditiis debitis dolore eaque eligendi
    est eum id ipsam labore laborum mollitia, necessitatibus optio placeat repudiandae totam vitae voluptate
    voluptatum!</p>
<p>Aliquam animi aspernatur atque beatae cum dolor error expedita facere harum hic illo laboriosam, necessitatibus nobis
    nostrum placeat quas quis rem repellendus sed similique sint vel veritatis vero voluptate voluptatum.</p>
<p>Ad autem dolores esse est illum incidunt, iure minus officia officiis optio placeat possimus quam repellendus
    reprehenderit rerum sapiente similique soluta, veniam vero voluptates. Atque dolorum ducimus nisi recusandae
    reiciendis.</p>
<p>Alias beatae consequatur culpa earum id illo illum incidunt inventore iusto maiores molestiae nostrum numquam officia
    omnis perspiciatis, quas quibusdam sit, soluta vitae voluptatum. A corporis fugiat perspiciatis porro sit?</p>
<p>Cum dolore, dolorem et explicabo illum laborum nam nesciunt nisi porro quas, quis reprehenderit rerum sapiente ullam
    veniam vero voluptates! Alias dolor eius facilis iusto minima nisi quo quod sed.</p>
<p>Amet cupiditate dolor dolorem eligendi eum, itaque iusto maxime mollitia, nesciunt nulla, recusandae sapiente
    similique sint sit sunt voluptas voluptatem. Dolores explicabo, nulla placeat quidem rem voluptates? Assumenda, non,
    qui?</p>
<p>Accusamus, accusantium aliquam assumenda eius exercitationem facilis id ipsam ipsum iusto, laudantium nulla
    perspiciatis quia quis repudiandae vel veniam, voluptas. Alias asperiores ea ex in nesciunt omnis, quam quidem
    repudiandae?</p>
<p>Adipisci illo laboriosam laborum maxime minima modi pariatur quas quos similique, sint ut voluptas voluptate
    voluptatum? Blanditiis, provident, suscipit! Ab eius laborum, minima molestiae nulla numquam obcaecati odit quam
    sapiente?</p>
<p>A accusantium, ad, aliquam aliquid culpa delectus eaque expedita explicabo id impedit incidunt ipsum libero minima
    molestiae molestias mollitia necessitatibus nihil porro qui repellendus rerum similique sunt vero voluptas
    voluptate!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab animi commodi cumque dicta eos ex id illum laboriosam
    maxime minima minus mollitia nam nesciunt numquam, quis quo saepe sed. Laboriosam!</p>
<p>Adipisci ea iure laboriosam maiores, rem repellat sint. Ab alias at eaque esse expedita fuga hic illum obcaecati
    tempore vel. Deleniti dolorum facere illo odit quae quaerat sequi suscipit ullam!</p>
<p>Facere illum maxime molestias quae sed! Aperiam facilis laborum porro quaerat qui quidem rerum? Ad cum facere iste
    labore nisi quas rerum totam veritatis? Eos fuga nesciunt obcaecati quibusdam veritatis.</p>
<p>Aliquam aut enim impedit perferendis, quo quos saepe. Aliquid autem consectetur deleniti, dignissimos neque quo sit.
    Beatae cupiditate dolorem doloremque eius nemo officiis optio pariatur reprehenderit? Architecto iure, nam? A.</p>
<p>Ab accusamus aperiam assumenda at commodi dicta dolore dolorem enim eum, explicabo facere illum itaque iusto libero
    molestiae necessitatibus officiis omnis optio, perspiciatis quo, quos repellat repellendus reprehenderit voluptate
    voluptatem!</p>
<p>Aut commodi culpa illo ipsam laboriosam laudantium odit officiis optio porro provident, qui rerum saepe, sint.
    Accusamus amet cum distinctio et illum itaque minima necessitatibus nostrum soluta tenetur, totam ut?</p>
<p>Accusamus accusantium at aut commodi corporis cum deserunt dolores, eaque et fugiat illo illum ipsam iure laborum,
    maxime minima molestiae natus non numquam omnis quaerat quisquam ratione rem sapiente vel.</p>
<p>Accusantium assumenda, corporis ea eaque eos iure iusto odio officia perferendis quibusdam sapiente sit suscipit
    temporibus vel vitae. Accusantium dicta dolorem eum expedita fuga iure labore quis repudiandae voluptatibus.
    Consequatur.</p>
<p>Deserunt explicabo ipsam quisquam quos rem, veniam voluptate. Autem dolorem ducimus facilis impedit molestiae
    praesentium reprehenderit, repudiandae soluta? Ab accusamus dolore dolorem ea eligendi et id ipsam quae quasi
    quia!</p>
<p>Explicabo quas repellendus voluptatem. Consequatur deleniti, distinctio excepturi exercitationem facilis illum
    labore, laborum laudantium non porro quae reiciendis rem repellat repellendus rerum, similique sunt tenetur ut vero
    voluptate. Fugiat, tempora?</p>
<p>Debitis dolorem eius exercitationem natus optio quam, sed sequi! Ad aut autem dolor dolore ducimus eos expedita
    explicabo labore laudantium minus, modi nulla officiis optio quidem quis sed tenetur velit?</p>
<p>Accusantium aliquam at beatae cum deleniti dicta earum et eum fugit iure iusto labore minus neque perferendis quos,
    repellendus temporibus velit vero voluptate voluptatum? Eveniet exercitationem laborum quasi qui quia.</p>
<p>Ad cum dolorem in ipsam libero nemo optio ullam. Amet consequuntur dolor dolore eaque enim hic illo, modi nemo
    nostrum perferendis quam quas unde vel. Consequatur illum magnam ratione tempore.</p>
<p>Ad aut cumque dolorem eius hic itaque perspiciatis repudiandae tenetur velit voluptatem. Atque dicta distinctio est
    impedit inventore mollitia necessitatibus nesciunt odit optio totam! Distinctio eveniet provident quaerat qui
    ullam.</p>
<p>Ab iste laborum molestias mollitia nesciunt odio tempora. Dolore ea eius et id incidunt ipsa nulla officiis, possimus
    quae qui sint suscipit? Aliquam, autem beatae eligendi fugit necessitatibus omnis perspiciatis?</p>
<p>Consectetur, necessitatibus odit. Corporis ea laboriosam maiores quo tempora! Assumenda expedita incidunt placeat
    repellat voluptatibus. Animi culpa dolore ex ipsum iure iusto nesciunt quasi quo rerum voluptatum. Eveniet
    explicabo, recusandae!</p>
<p>Assumenda consequatur ducimus enim error est expedita explicabo hic laborum maiores, nesciunt reiciendis, sapiente
    similique voluptatem. Accusantium dicta iusto necessitatibus omnis sequi. Deleniti expedita natus necessitatibus,
    nostrum nulla pariatur quidem?</p>
<p>A aperiam asperiores beatae distinctio eum, excepturi, hic impedit ipsam iusto libero molestias natus placeat
    repellat, repudiandae sapiente sit vel? Architecto autem laboriosam magnam quia vitae? Accusantium deleniti eligendi
    explicabo.</p>
<p>Ab beatae delectus dicta distinctio eaque est fugiat, iste magnam odio perspiciatis possimus, qui quo quod
    repellendus tempore vel, velit? Ab at doloremque iste libero maiores neque repellat, veritatis! Quod?</p>
<p>Amet aut autem commodi, consectetur corporis cum, dolores earum est facilis fuga in inventore ipsum maiores molestiae
    molestias nesciunt nihil nobis perspiciatis possimus, provident qui quibusdam quidem temporibus tenetur ut.</p>
<h3 id="c3">第三章</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid asperiores consequuntur est expedita, nobis quia
    quidem repellendus rerum sapiente vitae voluptates voluptatum? Accusamus aut eligendi ipsum natus, rem tempore
    veniam?</p>
<p>Alias at aut consequuntur cumque ducimus eos incidunt ipsa iure iusto laudantium maiores, non omnis optio quod,
    ratione reiciendis soluta voluptatem? Aut obcaecati praesentium recusandae velit! Illum perspiciatis quo
    repellat.</p>
<p>A animi blanditiis dolorem enim, esse ex, id impedit in ipsum magnam nostrum pariatur quas quasi sed ut vel vitae
    voluptas voluptatum? Commodi cupiditate delectus quod rerum sapiente. Explicabo, qui!</p>
<p>Ea eum iusto nulla officiis reprehenderit. A aliquam beatae commodi dignissimos, earum quaerat? Beatae deserunt hic
    impedit, laboriosam nesciunt praesentium quibusdam quis quisquam sapiente sed sit suscipit totam unde vitae.</p>
<p>Dolore, ducimus, facere? Aliquid, doloremque eos expedita in inventore laborum minima minus nam nihil nisi officia
    quaerat quam quia quidem quod tempore, tenetur! Ad eligendi inventore nobis numquam quisquam sit.</p>
<p>Alias atque aut consequuntur eius enim eum eveniet expedita, facilis ipsa labore modi, nam natus odit officia
    perferendis possimus quae quam quas qui quidem quis quod reiciendis rerum voluptate voluptatum!</p>
<p>Atque enim error esse illum maxime nobis nulla obcaecati provident quo unde. Accusamus asperiores ducimus est
    exercitationem fuga iure labore laudantium, minima minus nam nihil non, recusandae totam voluptas voluptatum.</p>
<p>Adipisci at commodi cum dignissimos esse expedita fugiat impedit ipsum labore laborum nam, neque omnis qui quo
    recusandae rem sint sit tempora ullam voluptates. Aperiam laborum quidem velit vitae voluptate!</p>
<p>Dolor eos ipsam iusto minima minus odio quibusdam sapiente temporibus. Ad adipisci aspernatur atque, consequuntur
    eligendi est eum facere in labore neque odit quam quis repellat rerum sequi ut voluptatem.</p>
<p>Ad atque blanditiis cum deleniti doloribus esse est expedita facere facilis illo impedit inventore laborum molestiae
    nam nihil nisi nobis non praesentium, quasi, quo reiciendis repellat tenetur veritatis vero voluptatum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ab, consequuntur cum distinctio dolorem dolorum ea eos,
    est eveniet illo modi praesentium provident quos repudiandae sit tempore vero voluptate voluptatem.</p>
<p>Aspernatur doloribus natus nisi odio praesentium quam quisquam sed. Dolore dolores, esse, ipsam iste iure molestias
    nemo neque nesciunt nulla quidem reiciendis saepe sed sunt? Atque eius nemo nisi ut.</p>
<p>A aliquam, architecto asperiores, beatae consequatur distinctio dolores ducimus ea esse exercitationem explicabo ipsa
    laboriosam magnam maiores minus odit officia, porro repellendus similique sint suscipit velit voluptatibus!
    Accusamus, excepturi ipsa.</p>
<p>Animi asperiores aspernatur atque beatae debitis deleniti doloremque magni nam nemo nesciunt non odio officia
    officiis perspiciatis placeat quasi qui quibusdam quo quod rem rerum ut velit veritatis voluptate, voluptatum.</p>
<p>Aperiam, aut eligendi enim, facere harum impedit ipsa maxime molestias mollitia neque nisi, perspiciatis quibusdam
    tempore velit veniam. Enim ipsam necessitatibus, quaerat tempore ut voluptas! Aperiam autem ex fuga nihil.</p>
<p>Cupiditate doloremque doloribus iste iure quibusdam similique voluptatem. Cum ipsa nemo neque quasi repellat? Aut
    consequatur culpa, debitis delectus doloribus, eaque minus natus obcaecati placeat quibusdam rem sapiente ullam
    voluptatum.</p>
<p>Accusamus aliquid consequuntur quasi! A ad aliquid animi assumenda at culpa cumque cupiditate earum excepturi id,
    illum laudantium modi nostrum nulla odit provident qui quos recusandae repellat sequi temporibus vel.</p>
<p>Aliquam aliquid blanditiis deleniti dolor dolores eveniet fugiat harum id, illum in incidunt ipsa magnam molestiae
    natus nemo odio pariatur, ratione repellendus reprehenderit soluta temporibus totam voluptate voluptatem. Odit,
    voluptas.</p>
<p>A ab accusantium architecto at delectus dolor enim error excepturi, explicabo facilis, fugiat harum ipsam iure
    laboriosam magni maxime minus neque nulla obcaecati odio quae quia quibusdam repudiandae rerum voluptatum.</p>
<p>Aliquid culpa est, illum inventore molestiae nihil possimus quas repellat voluptas voluptatum. Ad asperiores
    assumenda, cum dicta dolore enim est, minima modi, mollitia natus numquam omnis placeat quod sed ut.</p>
<p>Alias animi deleniti ex exercitationem ipsa itaque nemo nobis non officiis perferendis, quisquam quod sapiente. A
    aliquam assumenda dolorum fuga pariatur quasi repellat reprehenderit tempore vero voluptate. Eum, quos
    repellendus?</p>
<p>Accusantium, alias consequatur consequuntur dolores error facilis inventore iste labore minima modi officia quisquam
    ratione recusandae reiciendis sequi suscipit tempore. Accusamus alias aperiam dolore nam obcaecati quia repellat
    sapiente tempora!</p>
<p>Cumque natus nulla rerum unde velit. Aliquid cupiditate deleniti dolor dolores doloribus enim excepturi fuga itaque
    magni minima nobis odit pariatur placeat, quam quia rem saepe voluptas, voluptate voluptatem voluptatum!</p>
<p>Aliquam assumenda commodi, culpa, delectus dicta distinctio enim eum, facere laboriosam minima optio perferendis
    ratione totam vero voluptas. Alias dignissimos est iusto numquam porro praesentium quae quia rem repellat sit!</p>
<p>A aut dolore earum error excepturi explicabo facere ipsa libero modi odio officia, quam suscipit. A architecto autem
    incidunt iste obcaecati pariatur quas quia quis similique unde. Eaque, laborum, molestiae!</p>
<p>Aliquid animi consequuntur dignissimos doloribus dolorum iure modi molestiae praesentium. Assumenda culpa dignissimos
    distinctio excepturi id ipsum iste, itaque nam nulla quas quos ratione recusandae! Cum iste maxime qui repellat?</p>
<p>A accusantium amet aspernatur atque aut deserunt doloremque ducimus excepturi harum illum ipsum iste, laboriosam
    numquam odio optio quibusdam quisquam ratione rem repellendus, sint, sunt tenetur unde ut vero voluptatem!</p>
<p>Aliquid commodi cupiditate doloremque dolores dolorum esse facere ipsa ipsum itaque, laborum maxime officiis
    perspiciatis porro, quae quam qui repellat repellendus reprehenderit, repudiandae ullam vel veniam vitae.
    Perspiciatis, sed vitae.</p>
<p>Explicabo possimus quibusdam quidem recusandae vel. Asperiores assumenda autem corporis culpa enim, ex, explicabo
    facilis libero necessitatibus praesentium quae rem repudiandae soluta suscipit totam veritatis voluptates! Aperiam
    explicabo natus perspiciatis?</p>
<p>Ab aliquid architecto dolore ex fugiat ipsam obcaecati quam tenetur. Ab consequatur debitis deserunt distinctio ea
    eligendi eos error esse harum iure, iusto laudantium odio, omnis porro provident sed vero?</p>
<a href="#">回到顶部</a>
</body>
</html>